{% extends site.theme|stringformat:"s/include/listbase.html" %}
{% block title %}SDCms 首页{% endblock %}{% block script %}
<link rel="stylesheet" type="text/css" href="/static/editor/third-party/SyntaxHighlighter/shCoreDefault.css" />
<script type="text/javascript" charset="utf-8" src="/static/editor/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" type="text/css" href="/static/editor/themes/default/ueditor.css" />
{% endblock %}{% block mainlist %}
{% if site.globalparam.10.atcListStyle == 'summary' %}{% for e in articleList %}<div id="e-{{e.id}}" class="article">
    	<div class="title"><a href="/article-{{e.id}}.html">{{ e.title }}</a></div>
    	<div class="info"> by {{ e.author }} on {{ e.crtdate }}</div>
    	<div class="content">{{ e.summary|default:''|safe }}</div>
    	<div class="operate"><a href="javascript:del('','Article',{{e.id}});">删除</a><a href="/edit!Article-{{e.id}}.html">编辑</a></div>
    </div>{% endfor %}{%else%}<table id="articleList" class="articleList"><thead><tr><th><div>标题</div></th><th width="100px;"><div>作者</div></th><th width="160px;"><div>时间</div></th></tr></thead>
    	{% for e in articleList %}<tr id="e-{{e.id}}"><td eid="{{e.id}}" class="articleTitle"><a href="/article-{{e.id}}.html">{{ e.title }}</a><div id="aum-{{e.id}}" class="hideSum">{{ e.summary|default:''|safe }}</div></td><td>{{ e.author }}</td><td> {{ e.crtdate|date:"Y-m-d H:i:s" }}</td></tr>
    {% endfor %}</table>{%endif%}
<script type="text/javascript"><!--
/**
 * 鼠标覆盖显示
 *
$("#articleList tr td.articleTitle").bind({
	mouseover:function(){$(this).find(".hideSum").show();},
	mouseleave:function(){$(this).find(".hideSum").hide();}
});
**/

/*
 * 鼠标跟随效果
 */
var mouseon=false;
$('#articleList tr td.articleTitle a').mouseover(function(e) {
	mouseon=true;
	$("body").append('<div id="tooltip"><div>' + $(this).parent().find(".hideSum").html() + '</div></div>');
	$('#tooltip').css({	top:e.pageY + 12,  left:e.pageX + 12 }).show();
}).mousemove(function(e) {	
	$('#tooltip').css({	top:e.pageY + 12,  left:e.pageX + 12 }).show();
}).mouseleave(function() {
	if(mouseon==true){$('#tooltip').remove(); mouseon=false;}
}).click(function(){$(this).text('跳转中...');});
//--></script>
{% include site.theme|stringformat:"s/include/pager.html" with pager=pager %}{% endblock %}

